import React from "react";

const WorkspaceIcon = ({ width, height, fill, style = {}, secondaryFill }) => (
<svg
    style={style}
    xmlns="http://www.w3.org/2000/svg"
    height={height}
    viewBox="0 0 18 19"
    width={width}
    fill={fill}
  >
    <path
      d="M4.5 18.4999C4.5 18.4999 3.375 18.4999 3.375 17.3749C3.375 16.2499 4.5 12.8749 9 12.8749C13.5 12.8749 14.625 16.2499 14.625 17.3749C14.625 18.4999 13.5 18.4999 13.5 18.4999H4.5ZM9 11.8062C9.74592 11.8062 10.4613 11.5098 10.9887 10.9824C11.5162 10.4549 11.8125 9.73957 11.8125 8.99365C11.8125 8.24773 11.5162 7.53236 10.9887 7.00491C10.4613 6.47747 9.74592 6.18115 9 6.18115C8.25408 6.18115 7.53871 6.47747 7.01126 7.00491C6.48382 7.53236 6.1875 8.24773 6.1875 8.99365C6.1875 9.73957 6.48382 10.4549 7.01126 10.9824C7.53871 11.5098 8.25408 11.8062 9 11.8062Z"
      fill={fill}
    />
    <path
      d="M2.25 1.625C1.65326 1.625 1.08097 1.86205 0.65901 2.28401C0.237053 2.70597 0 3.27826 0 3.875L0 14.5625C0 15.0101 0.17779 15.4393 0.494257 15.7557C0.810725 16.0722 1.23995 16.25 1.6875 16.25H2.42213C2.65735 15.4233 3.0662 14.6562 3.62138 14H1.125V3.875C1.125 3.57663 1.24353 3.29048 1.4545 3.0795C1.66548 2.86853 1.95163 2.75 2.25 2.75H15.75C16.0484 2.75 16.3345 2.86853 16.5455 3.0795C16.7565 3.29048 16.875 3.57663 16.875 3.875V14H14.3786C15.0019 14.7358 15.3799 15.5446 15.5779 16.25H16.3125C16.7601 16.25 17.1893 16.0722 17.5057 15.7557C17.8222 15.4393 18 15.0101 18 14.5625V3.875C18 3.27826 17.7629 2.70597 17.341 2.28401C16.919 1.86205 16.3467 1.625 15.75 1.625H2.25Z"
      fill={secondaryFill}
    />
  </svg>
);

export default WorkspaceIcon;
